<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="robots" content="all">
    <meta name="Copyright" content="TENCNET">
    <meta name="author" content="Tencent-TGideas">
    <meta name="keywords" content="无限火力,愚人节皮肤,愚人节无限火力,愚人节头像,无限火力,2015愚人节皮肤,lol无限火力,lol愚人节无限火力">
    <meta name="description" content="2015无限火力震撼来袭">
    <title>无限火力震撼来袭 - 英雄联盟官方网站</title>
    <link rel="stylesheet" href="/css/common.css">
</head>
<body>
<div class="header">
    <div class="nav">
        <div class="nav-inner layout">
            <ul id="J_nav" class="nav-list">
                <li class="cur" style="margin-left:-1px"><a class="nav-fire" href="#"></a></li>
                <li style="margin-left:-15px;"><a class="nav-skin" href="#"></a></li>
                <li style="margin-left:-14px;"><a class="nav-face" href="#"></a></li>
            </ul>
        </div>
    </div>
    <div class="header-content layout">
        <video class="nb-video" id="nb-video" autoplay="autoplay" loop="">
            <source src="${pageContext.request.contextPath}/video/urf2015topvideo.webm" type="video/webm">
            <source src="${pageContext.request.contextPath}/video/urf2015topvideo.mp4" type="video/mp4">
        </video>
        <div class="nb-video-123"></div>
        <a id="Jm" class="audio-control audio-yes" href="javascript:core.audioControl()" style="">静音</a>
        <a class="logo" href="#" target="_blank" title="设置自定义LOGO">设置自定义LOGO</a>
        <a class="download" href="${pageContext.request.contextPath}/Download/urf.zip" target="_blank" onclick="pgvSendClick({hottag:'act.a20150401fool.music.down'});">下载MP3</a>
    </div>
</div>

<script src="${pageContext.request.contextPath}/js/foot.js"></script>
<script>
    //		$('#popShadow').css('height',document.body.scrollHeight +'px')
    var audio = null,
        core ={
            //控制背景音乐播放
            audioControl:function(){
                if(audio.paused){
                    audio.play();
                    document.getElementById("Jm").textContent = '静音';
                    document.getElementById("Jm").className = 'audio-control audio-yes';
                    pgvSendClick({hottag:'act.a20150401fool.audio.play'})
                }else{
                    audio.pause();
                    document.getElementById("Jm").textContent = '播放';
                    document.getElementById("Jm").className = 'audio-control audio-no';
                    pgvSendClick({hottag:'act.a20150401fool.audio.stop'})
                }
            },
            popOpen : function(){
//				need("biz.dialog",function(Dialog){
//					Dialog.show({
//						id:e,
//						bgcolor:'#000', //弹出“遮罩”的颜色，格式为"#FF6600"，可修改，默认为"#fff"
//						opacity:70      //弹出“遮罩”的透明度，格式为｛10-100｝，可选
//					});
//				});
                $('#J_popFace').show();
                $('#popShadow').show();
                $('#J_popSide').hide();
            },
            popClose : function(){
//				need("biz.dialog",function(Dialog){
//					Dialog.hide();
//				});
                $('#J_popFace').hide();
                $('#popShadow').hide();
                $('#J_popSide').show();
            }
//			popAgain : function(e){
//				core.popOpen('J_popFace');
//				$('#J_popSide').hide();
//			}
        };
    //是否支持audio并插入audio
    if(document.createElement("audio").canPlayType){
        audio = document.createElement("audio");
        audio.src = "music/urf2015music.mp3";
        audio.autoplay = 'autoplay';
        audio.loop = 'loop';
        $('#Jm').show();
        pgvSendClick({hottag:'act.a20150401fool.support.audio'})
    }
    //检测是否是否支持H5 video
    if(!!document.createElement('video').canPlayType)
    {
        pgvSendClick({hottag:'act.a20150401fool.support.video'})
        //创建video元素
        var vidTest=document.createElement("video");
        //检测是否可以播放webm格式的视频
        webmTest=vidTest.canPlayType('video/webm; codecs="vp8.0, vorbis"');
        if (webmTest!="probably")
        {
            document.getElementById("nb-video").style.display="none";
            pgvSendClick({hottag:'act.a20150401fool.webm.no'});
            //检测是否可以播放mp4格式的视频
            if(vidTest.canPlayType('video/mp4; codecs="avc1.4D401E, mp4a.40.2"') == "probably"){
                pgvSendClick({hottag:'act.a20150401fool.mp4.yes'})
            }
        }else{
            pgvSendClick({hottag:'act.a20150401fool.webm.yes'})
        }
    }
</script>
</body>
</html>